// 默认样式设置
body,h1,h2,h3,h4,h5,h6,hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea, th, td { 
	margin:0;
	padding:0;
 }

body,button, input, select, textarea {
 	font-size:14px;
 	font-family:"微软雅黑",Arial;
 }

h1,h2,h3,h4,h5,h6{ 
   font-size:100%;
 }

address,cite, dfn, em, var { 
	font-style:normal;
 }
ul,ol {
   list-style:none;
 }

a {
  text-decoration:none;
  color:#666;
 }
sup{ 
  vertical-align:text-top;
 }

sub{ 
  vertical-align:text-bottom;
 }

legend{
  color:#000;
 }

fieldset,img {
  border:0;
 }

button,input, select, textarea {
	font-size:100%;
 }

table{ 
	border-collapse:collapse;
    border-spacing:0;
 }
.wrap{
 	width:1200px;
 	margin:0 auto;
}
// 清除浮动
.clear{
	content:"";
	clear:both;
}
body{
	background:#f2f2f2;
}
// 多息猫找回密码头部
.header{
	height:111px;
	background:#FAFAFA;
	line-height:111px;
	box-shadow:0 2px 6px rgba(137,6,126,0.08);
	.nav_img{
		float:left;
		img{
			margin-top:15px;
		}

	}
	.text,.success{
		margin-left:64px;
		float:left;
		span{
			font-size:24px;
			color:#666;
		}
	}
	.success{
		display:none;
	}
	.right{
		float:right;
		.txt1{
			font-size:18px;
			color:#999;
		}
		.txt2{
			font-size:18px;
			color:#666;
		}
	}
}
.main{
	padding-top:40px;

	background:#f2f2f2;
	height:100%;
	.main_content{
		background:#FAFAFA;
		box-shadow:0 0 15px rgba(0,0,0,0.05);
		-o-box-shadow:0 0 15px rgba(0,0,0,0.05);
		-ms-box-shadow:0 0 15px rgba(0,0,0,0.05);
		-webkit-box-shadow:0 0 15px rgba(0,0,0,0.05);
		-moz-box-shadow:0 0 15px rgba(0,0,0,0.05);
		border-radius:5px;
		height:520px;
		padding-bottom:140px;
	}
	.intro{
		margin-top:40px;
		.left{
			float:left;
			span{
				color:#999;
				font-size:12px;
				font-family:Arial;
			}
		}
		.right{
			float:right;
			span{
				font-size:12px;
				font-family:SimSun;
				color:#bbbbbb;
			}
		}
	}
	.care{
		text-align:right;
		span{
			font-size:12px;
			font-family:SimSun;
			color:#bbbbbb;
		}
	}
}
// 步骤设置
.main{
	.main_content{
		position:relative;
		.step{
			padding-top:40px;
			text-align:center;
			span{
				display:inline-block;
				vertical-align:middle;
			}
			.arrow{
				margin:-25px 50px 0 50px;
			}
		}
		.info,.info2,.info3{
			text-align:center;
			margin-top:50px;
			.number,.code{
				color:#333;
				font-size:14px;
				position:relative;
				input{
					width:304px;
					height:38px;
					line-height:38px;
					border:1px solid #ccc;
				}
				span{
					display:inline-block;
					width:94px;
					height:32px;
					line-height:32px;
					text-align:center;
					background:#00A0e9;
					color:#fff;
					font-size:14px;
					cursor:pointer;
					position:absolute;
					right:425px;
					top:6px;
				}
				// 禁用状态
			
				.calm{
					background:#ccc;
				}
		
				::-webkit-input-placeholder { /* WebKit browsers */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD; 
				} 
				:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD; 
				} 
				::-moz-placeholder { /* Mozilla Firefox 19+ */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD; 
				} 
				:-ms-input-placeholder { /* Internet Explorer 10+ */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD; 
				} 
			}
			// 手机验证码
			.code{
				margin-left:-28px;
				margin-top:20px;
				input{
					text-indent:10px;
				}
				.calm{
					display: inline-block;
				    width: 94px;
				    height: 32px;
				    line-height: 32px;
				    text-align: center;
				    background: #ccc;
				    color: #fff;
				    font-size: 14px;
				    cursor: pointer;
				    position: absolute;
				    right: 425px;
				    top: 6px;
				    span{
				    	display:inline-block;
				    	width:30px;
				    	height:30px;
				    	position:absolute;
				    	right:10;
				    	background:transparent;
				    	top:-1px;

				    }
				}
			}
			.choose{
				margin-top:28px;
				margin-left:16px;
				a{
					color:#00B7EE;	
				}
				input{
				vertical-align:-3px;
				}
			}
			.submit{
				margin-top:60px;
				margin-left:-113px;
				a{
					display:inline-block;
					width:140px;
					height:34px;
					text-align:center;
					line-height:34px;
					background:#00B7EE;
					
					border:0;
					span{
						color:#fff;
					font-size:16px;
					}
				}
			}
			.number{
				::-webkit-input-placeholder { /* WebKit browsers */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD;
					font-weight:normal; 
				} 
				:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD; 
				} 
				::-moz-placeholder { /* Mozilla Firefox 19+ */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD; 
				} 
				:-ms-input-placeholder { /* Internet Explorer 10+ */ 
					text-indent:12px;
					font-size:14px;
					color: #DDDDDD; 
				} 
			}
			.number{
				input{
					font-size:14px;
					color:#333;
					font-weight:bold;
					font-family:Arial;
					text-indent:10px;
					//outline:0;
				}
			}
		}

		// 完善信息
		.info2{
			.number{
				margin-top:20px;
				position:relative;
			}
			.number1{
				margin-top:0;
				label{
					margin-left:15px;
				}
			}
			.number3{
				.differ{
					text-align:center;
					position:absolute;
					left:800px;
					top:10px;
					color:red;
					display:none;
				}
			}
			.number4{
				label{
					margin-left:-15px;
				}
				span{
					width:90px;
					height:32px;
					background:#ccc;
					margin-right:-10px;
					color:red;
					margin-top:0px;
					font-style:italic;
				}
				.img_code{
					display:inline-block;
					width:90px;
					height:32px;
					background:#ccc;
					position:absolute;
					right:415px;
					top:4px;
					text-align:center;
					line-height:32px;
				}
			}
		
			.number5{
				label{
					margin-left:15px;
				}
			}
			.submit{
				margin-left:-90px;
			}
		

		}
		// 注册成功
		.info3{
			//text-align:center;
			margin-left:300px;
			margin-bottom:115px;
			.left{
				float:left;
			}
			.right{
				float:left;
				margin-left:30px;
				margin-top:30px;
				.top{
					margin-left:-200px;
					span{
						display:inline-block;
						color:#333;
						font-size:40px;
						line-height:64px;

					}

				}
				.bottom{
					span{
						color:#999;
						font-size:22px;
						.red{
							color:#e60012;
						}
						.blue{
							color:#00a0e9;
						}
					}
				}
			}
			.btn{
				padding:51px 0  0;
				margin-right:250px;
				text-align:center;
				a{
					display:inline-block;
					width:261px;
					height:43px;
					line-height:43px;
					text-align:center;
					background:#fa8c13;
					span{
						color:#fff;
					}

				}
			}
		}
		// 错误提示信息
		.mistake{
			text-align:left;
			margin-left:473px;
			color:red;
			margin-bottom:-8px;
			font-size:12px;
			margin-top:5px;
			
		}
		.info2{
			.mistake{
				margin-left:485px;
				text-align:left;
				
				color:red;
				margin-bottom:-8px;
			font-size:12px;
			margin-top:5px;
			}
		}
	}
}
// 表单验证
.main{
	.main_content{
		.info{
			.number{
				position:relative;
				#phone-error{
					position:absolute;
					right:25%;
					top:10px;
					color:red;
				}
			}
		}
		.info2{
			.number{
				position:relative;
				#phone-error{
					position:absolute;
					right:23%;
					top:10px;
					color:red;
				}
				#password-error{
					position:absolute;
					right:14%;
					top:10px;
					color:red;
				}
				#repassword-error{
					position:absolute;
					right:16.5%;
					top:10px;
					color:red;
					
				}
				#code_error{
					color:red;
					position:absolute;
					right:25%;
					top:10px;
					display:none;
				}
			}
		}
		
	}
}
